<script type="text/javascript">
    var baseUrl = '<?php echo $this->baseUrl(); ?>';
</script> 
<style>
    .scrollspy-example {
        height: 150px;
        overflow: auto;
        position: relative;
    }
</style>
<?php if ($this->cliente) {
    $clienteAux = $this->cliente;
} else { $clienteAux = new Doctrine_Model_Entities_Cliente();}?>
<form class="form-horizontal" method="Post" name="form_registrar_cliente" id="form_registrar_cliente" action="<?php echo $this->baseUrl("clientes/cliente/registrar") ?>">
    <div class="well">
    <legend>Datos Personales</legend>
    <table>
        <tr>
            <td>
                <div class="control-group">
                    <label class="control-label">Tipo y Nro Documento</label>
                    <div class="controls">
                        <select id="tipo_documento" name="tipo_documento" style="width: 80px;">
                            <?php foreach ($this->tiposDocumento as $tipoDocumento): ?>
                                <option value="<?php echo $tipoDocumento->getId(); ?>"><?php echo $tipoDocumento->getDescripcion(); ?></option>
                            <?php endforeach; ?>
                        </select>
                        <div class="input-append">
                            <input class="input-small" type="text" id="txt_dni"  name="txt_dni" placeholder="DNI" value="<?php echo is_null($clienteAux->getNroDocumento()) ? '' : $clienteAux->getNroDocumento();  ?>">
                            <button type="submit" class="btn" value="Buscar" name="accion" id="buscar" onclick="$('#form_registrar_cliente').validate().cancelSubmit = true;"><i class="icon-search"></i> Buscar</button>
                        </div>
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Sexo</label>
                    <div class="controls">
                        <?php if(!is_null($clienteAux->getSexo())){ ?>
                            <select id="sexo" name="sexo">
                                <option value="<?php echo $clienteAux->getSexo(); ?>" >
                                    <?php if($clienteAux->getSexo() == 1) {echo 'Femenino';}
                                        else {echo 'Masculino';} ; ?>
                                </option>
                            </select>
                        <?php } else { ?>
                            <select id="sexo" name="sexo">
                                <option value="">Seleccione tipo de sexo...</option>
                                <option value="1">Femenino</option>
                                <option value="2">Masculino</option>
                            </select>
                        <?php } ?>
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Zona</label>
                    <div class="controls">
                        <?php if(!is_null($clienteAux->getZona())){ ?>
                            <select id="zona" name="zona">
                                <option value="<?php echo $clienteAux->getZona(); ?>" >
                                <?php
                                    $zona = $clienteAux->getZona();
                                    switch ($zona) {
                                        case 1: echo 'zona norte';
                                            break;
                                        case 2: echo 'zona sur';
                                            break;
                                        case 3: echo 'zona este';
                                            break;
                                        case 4: echo 'zona oeste';
                                            break;
                                    }
                                 ?>
                                </option>
                            </select>
                        <?php } else { ?>
                            <select id="zona" name="zona">
                                <option value="">Seleccione una Zona...</option>
                                <option value="1">zona norte</option>
                                <option value="2">zona sur</option>
                                <option value="3">zona este</option>
                                <option value="4">zona oeste</option>
                            </select>
                        <?php } ?>
                        
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="control-group">
                    <label class="control-label">Apellido</label>
                    <div class="controls">
                        <input type="text" id="text_apellido" name="text_apellido" placeholder="Apellido" value="<?php echo is_null($clienteAux->getApellido()) ? '' : $clienteAux->getApellido();  ?>">
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Nombre</label>
                    <div class="controls">
                        <input type="text" id="text_nombre" name="text_nombre" placeholder="Nombre" value="<?php echo is_null($clienteAux->getNombre()) ? '' : $clienteAux->getNombre();  ?>">
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Email</label>
                    <div class="controls">
                        <input type="text" id="text_mail" name="text_mail" placeholder="Email" value="<?php echo is_null($clienteAux->getMail()) ? '' : $clienteAux->getMail();  ?>">
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="control-group">
                    <label class="control-label">Telefono</label>
                    <div class="controls">
                        <input type="text" id="text_telefono" name="text_telefono" placeholder="Telefono" value="<?php echo is_null($clienteAux->getTelefonoFijo()) ? '' : $clienteAux->getTelefonoFijo();  ?>">
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Celular</label>
                    <div class="controls">
                        <input type="text" id="text_celular" name="text_celular" placeholder="Celular" value="<?php echo is_null($clienteAux->getCelular()) ? '' : $clienteAux->getCelular();  ?>">
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Fecha Nacimiento</label>
                    <div class="controls">
                        <input  class="input-medium datepicker"  type="text" id="fecha_nacimiento" name="fecha_nacimiento" placeholder="Fecha Nacimiento" value="<?php echo is_null($clienteAux->getFechaNacimiento()) ? '' :$clienteAux->getFechaNacimiento()->format('d/m/Y');  ?>">
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <legend>Sesiones</legend> 
    <table>
        <tr>
            <td>
                <div class="control-group">
                    <label class="control-label">Tipo Sesion</label>
                    <div class="controls input-medium">
                        <select id="tipo_sesion" name="tipo_sesion">
                            <option value="">Seleccione opción..</option>
                            <?php foreach ($this->tiposSesiones as $tipoSesion): ?>
                                <option value="<?php echo $tipoSesion->getId(); ?>"><?php echo $tipoSesion->getDescripcion(); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Abono</label>
                    <div class="controls input-medium">
                        <select id="cant_sesion" name="cant_sesion">
                            <option value="">Cantidad de Sesiones...</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="5">5</option>
                            <option value="10">10</option>
                        </select>
                    </div>
                </div>
            </td>
            <td>
                <div class="control-group">
                    <label class="control-label">Monto</label>
                    <div class="controls">
                        <input class="input-small" type="text" id="text_monto" name="text_monto" placeholder="Monto" value="<?php echo 0; ?>">
                    </div>
                </div>
            </td>
            <td >
                <div class="control-group" style="margin-left: -30px;">
                    <label class="control-label">Fecha</label>
                    <div class="controls">
                        <input class="input-small datepicker" type="text" id="fecha_sesion" name="fecha_sesion" placeholder="Fecha">
                    </div>
                </div>
            </td>
        </tr>
    </table>
    </div>
    <!--/*************************Fin Ingreso Datos***************************/-->
    
    <!--/*************************Historial Ingresos****************************/-->
    
    <?php if(count($this->activos)):?>
    <legend>Ingresos</legend> 
    <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Tipo Sesion</th>
                    <th>Monto</th>
                    <th>Fecha</th>
                    <th>Cantidad Sesiones</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($this->activos as $ingreso) { ?>
                    <tr >
                        <td><?php echo $ingreso->getTipoSesion()-> getDescripcion(); ?> </td>
                        <td><?php echo $ingreso->getMonto(); ?></td>
                        <td><?php echo $ingreso->getFechaCarga()->format('d/m/Y'); ?></td>
                        <td><?php echo $ingreso->getCantidad() - count($ingreso->getSesiones()); ?></td>
                        <td><a class="btn btn-primary btn-large " href="<?php echo $this->baseUrl("clientes/cliente/registrar/cliente_id/{$ingreso->getCliente()->getId()}/ingreso_id/{$ingreso->getId()}/nuevo/nuevo/accion/tomarsesion") ?>" id="tomarsesion" value="tomarSesion">Tomar Sesion</a></td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    <?php endif; ?>
    
    <!--/************************Ingresos activos************************/ -->
    
    <!--/************************Botonera************************/ -->
    
    <!--/************************Botonera************************/ -->
    <legend></legend> 
    <table style="margin-top: 0px;">
        <tr >
            <td align="center" class="span12">
                <div>
                    <div class="btn-toolbar" style="text-align: center;">
                        <p>
                            <input style="width: 250px;" class="btn btn-primary btn-large" type="submit" name="accion" id="guardar" value="Guardar">
                        </p>
                       
<!--                        <input class="btn btn-warning btn-large " type="submit" name="accion" id="editar" value="Editar">
                        <input class="btn btn-danger btn-large " type="submit" name="accion" id="cancelar" value="Cancelar">-->
                    </div>
                    
                </div>
            </td>
        </tr>
    </table>
    
</form>

<script>
    
</script>
<script type="text/javascript">

    $(document).ready(function(){
        $('a.title').cluetip({splitTitle: '|'});
        $( ".datepicker" ).datepicker({dateFormat: 'dd/mm/yy',changeMonth:true,changeYear:true});
        
        $("#form_registrar_cliente").validate({
        ignoreTitle: true,
        errorPlacement: false,
        rules: {
            /* personal cliente */
            txt_dni: {required: true, number: true, minlength: 7, maxlength: 8},
            sexo: {required: true},
            text_apellido: {required: true},
            text_nombre: {required: true},
            fecha_nacimiento: {required: true, dateITA: true},
            zona: {required: true},
            tipo_sesion: {required: true},
            cant_sesion: {required: true},
            text_monto: {required: true},
            fecha_sesion: {required: true}
        },
        highlight: function(element, errorClass) {
            $(element).attr('style', 'border:1px solid red; background-color:#FF7373; color:black;');
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).attr("style", "");
        },
        errorPlacement: function(error, element) {
        }
    });
    });
    
    $('#tipo_sesion').change(function() {
       var html;
       if ($(this).val() == 5) {
           html += "<option value=''>Cantidad de Sesiones...</option>";
           html += "<option value='1'>1</option>";
           html += "<option value='10'>10</option>";  
           html += "<option value='20'>20</option>";
           html += "<option value='30'>30</option>";
           $('#cant_sesion').html(html);
        } else {
           html += "<option value=''>Cantidad de Sesiones...</option>";
           html += "<option value='1'>1</option>";
           html += "<option value='2'>2</option>";
           html += "<option value='3'>3</option>";
           html += "<option value='5'>5</option>";
           html += "<option value='10'>10</option>";
           $('#cant_sesion').html(html);
        }
    
    });
    
    
</script>
